header
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-image:url("backgroud_website.jpg");
	color:navy;
	border: 2px solid navy
}

h1
{
	font-size: 3em;
	text-align: center;
	color : white
}

h2
{
	padding-bottom: 2%;
	padding-left: 5%;
	text-align: center;
	color : white
}

ul
{
	width :88%;
	background-color: rgb(53,218,83);
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
}

li
{
	display: inline-block;
	width: 15%;
	border-right: 2px solid white ;

	
}

ul li:first-child
{
	border-left: 2px solid white;
}

a
{
	font-size: 1.2em;
	text-decoration: none;
	color: white;
}

a:hover
{
	color: cyan;
}

article
{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
h3
{

	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	color: navy
}
p
{
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	color: navy
}

footer
{
	text-align: right;
	width: 89%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	background-color: rgb(53,218,83);
	color: white;
}
canvas
{
	background: #eee;
	display: block;
	margin: 0 auto;
}